<template>
  <div>
    <custom :title="type=='register'?'注册会员':'会员充值'" />
    <img v-show="type=='register'" src="@/assets/registerSuccess/vipCid.png" alt="" class="memImg" />
    <img v-show="type=='recharge'" src="@/assets/registerSuccess/recharge.png" alt="" class="memImg" />
    <div class="title">{{ type=='register'?'注册成功':'充值成功' }}</div>
    <div class="memValue">会员余额 <span style="color:#F35517;">0</span> 元</div>
    <!-- <div class="butBox">
      <div class="butBoxImg">
        <div class="butBoxImgTit">正在跳转</div>
      </div>
    </div> -->
  </div>
</template>

<script>
import custom from '@/components/custom.vue'
export default {
  name: 'Home',
  components: {
    custom
  },
  data() {
    return {
      type: 'register' // recharge,  register
    }
  },
  created() {
  },
  mounted() {
    this.$toast.loading({
      message: '加载中...',
      forbidClick: true,
      position: 'bottom',
      loadingType: 'spinner'
    })
    setTimeout(() => {
      this.$jump('/my-member')
    }, 3000)
  },
  methods: {
  }
}
</script>

<style scoped>
.memImg{
  width: 180px;
  height: 180px;
  display: block;
  margin: 91px auto 0;
}
.title{
  font-size: 40px;
  font-weight: 500;
  color: #F35517;
  margin: 30px auto 64px;
  text-align: center;
}
.memValue{
  font-weight: 400;
  color: #000000;
  font-size: 28px;
  text-align: center;
}

/* loading */
/* .butBox{
  position: fixed;
  bottom: 140px;
  width: 100%;
}
.butBoxImg{
  width: 236px;
  height: 236px;
  display: block;
  margin: 0 auto;
  background: url('../../assets/registerSuccess/loading.png') no-repeat;
  background-size: 236px 236px;
}
.butBoxImgTit{
  font-weight: 400;
  color: #FFFFFF;
  font-size: 28px;
  text-align: center;
  padding-top: 174px;
} */
</style>
